<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/view/system/common/head.jsp"%>
<style type="text/css">
body {
	margin: 0;
	padding: 0;
}

body,h2,div,span,li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	color: #000;
	font-family: "Times New Roman";
}

html,body {
	height: 100%;
}

.title01,.title02 {
	font-weight: bold;
	text-align: left;
}

.title01 img,.title02 img {
	margin-right: 3px;
}

#DoorP {
	
}

.title01 {
	padding: 10px 0 0px 6px;
	height: 36px;
	cursor: pointer;
	background: url(sysbase/images/left-top-bg.jpg) repeat-x 0px 0;
}

.title02 {
	background: url(sysbase/images/left-menu-bg.gif) no-repeat 0px 0;
	padding-left: 6px;
	height: 25px;
	line-height: 24px;
	cursor: pointer;
}

.left-bg {
	background: url(sysbase/images/left-bg.jpg) repeat-y 0 0;
	height: 100%;
}

.left-warp {
	width: 155px;
	margin: 0;
	padding-left: 7px;
}

#DoorP {
	width: auto;
}

#DoorP h2 {
	font-weight: bold;
	text-align: left;
}

#DoorP h2 img {
	vertical-align: middle
}

.left-top {
	height: 24px;
	overflow: hidden;
}

.content {
	overflow: hidden;
}

.content ul {
	padding: 0 0 0px 5px;
	float: left;
}

.content li {
	padding: 0px;
	height: 88px;
	width: 76px;
	text-align: center;
	float: left;
}

.content li img {
	padding: 3px 14px 5px;
}

.content li a {
	padding: 0px 0 2px 0px;
	display: inline-block;
	text-align: center;
}

.content li a:hover {
	padding: 0px 0 2px 0px;
	border: solid 1px #7db5de;
	color: #033d61;
	background: #eef8fe;
	display: inline-block;
}

.content li a p {
	margin: 0;
	padding: 0;
}

.content li.left-menu-tab a:link,.content li.left-menu-tab a:visited,.content li.left-menu-tab a:hover{
	color: #F00
}
.accordion-header {
	text-align: center;
}
.accordion-header .panel-title{
	width:120px;
}
</style>
</head>
	<body> 
	<div id="DoorP" class="easyui-accordion" style="width:171px;">
				<c:forEach var="menuLevel2" items="${menuList}">
				   <div title="${menuLevel2.name}"  iconCls="${menuLevel2.imgurl}">
				   <div class="content">
				     <c:forEach var="menuLevel3" items="${menuLevel2.subList}">
				     <li>
				     <a class="myLink" onclick="addTab('${menuLevel3.name}','${menuLevel3.url}','#tt','parent');" >
				     <img src="asserts/system/images/menu/${menuLevel3.imgurl}.gif" /></a>
					 <p><c:out value='${menuLevel3.name}' /></p>
				     </li>
				     </c:forEach>
				   </div>
				   </div>
				</c:forEach>

			</div>

		<script type="text/javascript">
</script>
	</body>
	<style>
	.content li a:hover {
  padding: 0px 0 2px 0px;
  border: solid 1px #7db5de;
  color: #033d61;
  background: #eef8fe;
  display: inline-block;
}
</style>
</html>
